<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<input type="button" value="创建了li，追加到ul里面" id="btn1">
<input type="button" value="创建了li，追加到li3前" id="btn2">
<ul>
  <li>我是第1个li</li>
  <li>我是第2个li</li>
  <li id="li3">我是第3个li</li>
  <li>我是第4个li</li>
  <li>我是第5个li</li>
  <li>我是第6个li</li>
</ul>

</body>
</html>

<script src="jq/jquery-1.12.2.js"></script>
<script>

  $(function () {
    //找到btn1并且注册点击事件
    $("#btn1").click(function () {
      //创建li
      var li = $("<li></li>");
//      var li = $("<li>");
      //尝试给li添加文本
      li.html("我是李狗蛋");
      //把li追加到ul里面
      //在被选元素的结尾插入内容
      li.appendTo($("ul"));
      //在被选元素的开头插入内容
//      li.prependTo($("ul"));
    });
    //找到btn2并且注册点击事件
    $("#btn2").click(function () {
      //创建一个li
      var li = $("<li></li>");
      //创建好的li直接插入到id为li3的元素前
      $("#li3").before(li);
    });
  });

</script>